@import "public.less";


 .home-top{
     position: relative;
     .name{
         position: absolute;
         width: 100%;
         top: 50%;
         left: 0;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%); 
         overflow: hidden;
          padding:0 18px;
         img{
             width: 146px/2;
             height: 146px/2;
             border-radius: 50%;
             margin-right: 10px;
         }
         div{
             h3{
                 color: @white;
                 font-size: 38px/2;
             }
             p{
                 color: @white;
                 font-size: 28px/2;
                 margin:0;
             }
         }
     }
     .renzhen{
         font-size: 28px/2;
         color: @white;
         position: absolute;
         bottom: 15px/2;
         right: 30px/2;
         img{
             display: inline-block;
             width: 30px/2;
             vertical-align: middle;
             position: relative;
             top: -2px;
         }
     }
 }
 .total{
     border-bottom: 1px solid #c4c4c4;
     background: @white;
     h3{
         padding-top: 18px/2;
         padding-left: 22px/2;
         font-size: 28px/2;
         color: @cfont2;
         margin: 0;
     }
     div.total-num{
         text-align: center;
         color: @red;
         font-size: 44px/2;
         line-height: 96px/2;
     }
 }
.mask{
    border-top: 10px solid #f6f6f6;
}
.mui-table-view{
    &:after{
        background-color: #C4C4C4;
    }
    &:before{
        background-color: transparent;
    }
    .mui-table-view-cell.mui-active{
        background: transparent;
    }
    .mui-table-view-cell.tile{
        .fontSize(36px);
        color:#313131;  
        &:after{
            background: transparent;
        }
    }
    .mui-table-view-cell{
        &:after{
            background-color: #ebebeb;
            right: 15px;
        }
    }
    color: #313131;
    .fontSize(32.02px);
    .icon{
        margin:0 auto;
        text-align: center;
        position: relative;
        span{
            display: block;
            position: absolute;
            left: 50%;
            top: -10px;
            background: @red;
            border-radius: 50%;
            .fontSize(24px);
            color: @white;
            .wh2x(40px,40px);
            z-index: 2;
        }
        p{
            color: #313131;
            .fontSize(24px);
        }
        div{
            margin:0 auto;
            min-height: 25px;
            text-align: center;
            position: relative;
            z-index: 1;
            img{
                display: block;
                margin:0 auto;
                position: absolute;
                bottom: 2px;
                left: 50%;
            }
        }
        .neworder img,
        .daijie img{
            width: 42px/2;
            margin-left: -42px/4;
        }
        .daifuwu img,
        .cancle img,
        .complain img{
            width: 44px/2;
            margin-left: -44px/4;
        }
        .daicomplete img{
            width: 56px/2;
            margin-left: -56px/4;
        }
        .client img{
            width:43px/2;
            margin-left: -43px/4;
        }
        .history img{
            width: 47px/2;
            margin-left: -47px/4;
        }
        .minxi img{
            width: 45px/2;
            margin-left: -45px/4;
        }
        .help img{
            width: 46px/2;
            margin-left: -46px/4;
        }
        .enquiry img{
            width: 46px/2;
            margin-left: -46px/4;
        }
        
    }
}
